<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <link rel="stylesheet" type="text/css" href="task6.css">
        <title>护工列表页</title>
    </head>
    <body>
        <div class="header">
            <button class="header1" type="button">找雇主</button>
            <button class="header2" type="button"><a href="home.html">找护工</a></button>
        </div>
        <button class="header3" type="button"><img src="img/location1.png"></button>
        <div class="footer">
            <button class="footer1" type="button"><span class="a1"></span><br>首页</button>
            <button class="footer3" type="button"><img src="img/write.png"></button>
            <button class="footer2" type="button"><span class="a2"></span><br>我的</button>
        </div>
        <ul id="nav">
            <li>所在地
                <ul>
                <li>金星</li>
                <li>木星</li>
                <li>水星</li>
                <li>火星</li>
                <li>土星</li>   
            </ul>
            </li>
            <li>食宿
                <ul>
                <li>一顿</li>
                <li>两顿</li>
                <li>三顿</li> 
            </ul>
            </li>
            <li>病人情况
                <ul>
                <li>将死之人</li>
                <li>已死之人</li>
            </ul>
            </li>
        </ul>
        <div class="main">
            <div id="main">
                <div class="box1">
                <span class="a3"></span> 服务日期
                </div>
                <div class="box2">
                2015-7-5 至 2015-7-12
                </div>
                <div class="price">25元/小时
                    &nbsp;  
                    <span1 style="color: #5fc0cd;">&gt;</span1>
                </div>
                <div class="box3">
                <span class="a4"></span> 北京·通州·果园
                </div> 
            </div>
            <div id="main">
                <div class="box1">
                <span class="a3"></span> 服务日期
                </div>
                <div class="box2">
                2015-7-5 至 2015-7-12
                </div>
                <div class="price">35元/小时
                    &nbsp;  
                    <span1 style="color: #5fc0cd;">&gt;</span1>
                </div>
                <div class="box3">
                <span class="a4"></span> 北京·通州·果园
                </div>
            </div>
            <div id="main">
                <div class="box1">
                <span class="a3"></span> 服务日期
                </div>
                <div class="box2">
                2015-7-5 至 2015-7-12
                </div>
                <div class="price">45元/小时
                    &nbsp;  
                    <span1 style="color: #5fc0cd;">&gt;</span1>
                </div>
                <div class="box3">
                <span class="a4"></span> 北京·通州·果园
                </div>  
            </div>
            <div id="main">
                <div class="box1">
                <span class="a3"></span>服务日期
                </div>
                <div class="box2">
                2015-7-5 至 2015-7-12
                </div>
                <div class="price">35元/小时
                    &nbsp;  
                    <span1 style="color: #5fc0cd;">&gt;</span1>
                </div>
                <div class="box3">
                <span class="a4"></span> 北京·通州·果园
                </div>  
            </div>
        </div>      
    </body>
</html>